<template>
  <div>
    <div class="mui-pages record-member-lists">
      <header class="mui-bar mui-bar-nav">
        <div class="header-common-title flex-justify-start">
          <span @click="fn.back()" class="mui-action-back"><img class="back-btn" src="../../../../static/images/back.png"></span>
          <div class="header-search flex-center">在线缴费</div>
        </div>
      </header>
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 本月当交费用显示内容 -->
          <!-- <div class="current-title">本月应缴党费</div> -->
          <!-- 补交显示内容 -->
          <div class="current-title">{{monthStr}}</div>
          <div class="payment-money"><span>￥</span>{{onlinePayment.shouldPay - onlinePayment.realPay}}</div>
          <div class="work-message-item-header">
            <h3>支付方式</h3>
          </div>
          <ul class="mui-table-view organization-lists">
            <li class="mui-table-view-cell">
              <label class="mine-lists-content flex-between-center">
                <div class="flex-justify-start"><img class="payment-icon" src="../../../../static/images/jt_icon.png">交通银行</div>
                <div class="mui-input-row mui-radio mui-left flex-center">
                  <input class="lists-input" name="radio" value="Item 1" type="radio" checked="checked">
                </div>
              </label>
            </li>
            <li class="mui-table-view-cell">
              <label class="mine-lists-content flex-between-center">
                <div class="flex-justify-start"><img class="payment-icon" src="../../../../static/images/wx_icon.png">微信</div>
                <div class="mui-input-row mui-radio mui-left flex-center">
                  <input class="lists-input" name="radio" value="Item 1" type="radio">
                </div>
              </label>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="record-btn-bottom">
      <div>确认缴纳</div>
    </div>
  </div>
</template>

<script>
  import tools from '@/utils/tools'
  import loginService from '@/service/loginService'
  export default {
    name: 'onlinePayment',
    data () {
      return {
        fn: tools,
        onlinePayment: {},
        thisMonth: (new Date().getMonth() + 1 + '').padStart(2, '0'),
        monthStr: ''
      }
    },
    created () {
      this.onlinePayment = this.$store.state.onlinePayment
      if (this.thisMonth === this.onlinePayment.month) {
        this.monthStr = this.onlinePayment.month + '月党费'
      } else {
        this.monthStr = '补缴' + this.onlinePayment.month + '月党费'
      }
      this.loadData()
    },
    methods: {
      loadData () {
      }
    }
  }
</script>

<style scoped>

</style>
